<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ajax_post</title>
</head>
<body>
    用户名：<input type="text" id='username'>
    密码：<input type="password" id='password'>
    <div onclick='login()'>登录</div>
</body>
<script>
    var user = document.getElementById("username");
    var pass = document.getElementById("password");
    
    function login(){
        var data = {
            username: user.value,
            password: pass.value
        }
        $.post('http://47.93.206.13:8002/user/login',JSON.stringify(data),function(res){
            if(res.status == 200){
                alert('登录成功')
                location.assign('http://www.baidu.com')
            }else {
                alert(res.message);
            }
        })
    }














    //get请求的封装
    var $ = {
        get:function(url,callback,token){
            //1.实例化对象
            var xhr = new XMLHttpRequest();
            //2.链接服务器（设置请求行）
            xhr.open('get',url)
            //3.设置请求头
            xhr.setRequestHeader('Authorization', token);
            //4.发送请求
            xhr.send();
            //5.获取数据
            xhr.onreadystatechange = function() {
                if(this.readyState === 4 && this.status === 200){
                    var res = JSON.parse(this.response)

                    callback.call(this,res)
                }
            }
        },
        post:function(url,data,callback){
            //1.实例化对象
            var xhr = new XMLHttpRequest();
            //2.建立连接
            xhr.open('post',url)
            //3.设置请求头
            xhr.setRequestHeader('Content-Type', 'application/json')
            //4.发送请求
            xhr.send(data)
            //5.获取数据
            xhr.onreadystatechange = function(){
                if(this.readyState === 4 && this.status === 200){
                    //反序列化
                    var res = JSON.parse(this.response);
                    callback.call(this,res)
                }
            }
        }
    }

    // //1.实例化对象
    // var xhr = new XMLHttpRequest();
    // //2.建立连接（设置请求行）
    // xhr.open('post','http://47.93.206.13:8002/user/login')
    // //3.设置请求头
    // xhr.setRequestHeader('content-type','application/json')
    // //4.发送请求
    // var obj = {username:'admin1',password:'123321'}
    // xhr.send(JSON.stringify(obj))
    // //5.获取数据
    // xhr.onreadystatechange = function() {
    //     if(this.readyState === 4 && this.status === 200) {
    //         // console.log(this.response)
    //         //字符串的反序列化
    //         var res = JSON.parse(this.response)
    //         console.log(res.data.token);
    //         $.get('http://47.93.206.13:8002/carousel/findAll',function(res){
    //             console.log(res,'----------');
    //         },res.data.token)
    //     }
    // }

    






    
</script>
</html>